@extends('layouts.app')
@section('title', '首页')

@section('content')
    <div class="head">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3">
                    <a href="#" class="num">
                        <div class="left_num text-center">
                            <span class="counter ">
                                {{ $sum }}
                            </span>
                            <p>Total loan amount</p>
                        </div>
                        <div class="right_img text-center">
                            <i class="iconfont icon-money size3 pos1"></i>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#" class="num">
                        <div class="left_num text-center">
                            <span class="counter ">
                                {{ $order_num }}
                            </span>
                            <p>Order number</p>
                        </div>
                        <div class="right_img text-center">
                            <i class="iconfont icon-icon- size3 pos1 color"></i>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#" class="num">
                        <div class="left_num text-center">
                            <span class="counter ">{{ $num }}</span>
                            <p>Number of employees</p>
                        </div>
                        <div class="right_img text-center">
                            <i class="iconfont icon-yuangong size3 pos1 color2"></i>
                        </div>
                    </a>
                </div>
                <div class="col-md-3">
                    <a href="#" class="num">
                        <div class="left_num text-center">
                            <span class="counter ">{{ $benefit }}</span>
                            <p>Last month's benefit</p>
                        </div>
                        <div class="right_img text-center">
                            <i class="iconfont icon-money1 size3 pos1 color3"></i>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <div class="echart margint">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12">
                    <div id="main" style="width: 100%; height:400px;"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="echartss margint">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-6">
                    <div id="left" style="height: 300px; width: 100%;">

                    </div>
                </div>
                <div class="col-md-6" >
                    <div id="right" style="height: 300px; width: 100%;">

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@include('footer')

@section('script')
    <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
@endsection
